layui.use(["laytp"], function () {
    const funController = {};
    //静态页面地址前缀
    window.htmlPrefix = facade.compatibleHtmlPath("/admin/wz/herorank/");
    //后端接口地址前缀
    window.apiPrefix  = facade.compatibleApiRoute("/admin.wz.herorank/");
    //表格渲染
    funController.tableRender = function (where, page) {
        layui.table.render({
            elem: "#laytp-table"
            , id: "laytp-table"
            , url: window.apiPrefix+"index"
            , toolbar: "#default-toolbar"
            , defaultToolbar: [{
                title: '刷新',
                layEvent: 'refresh',
                icon: 'layui-icon-refresh',
            }, 'filter', 'print', 'exports']
            , where: where
            , method: "GET"
            , cellMinWidth: 120
            , skin: 'line'
            , loading: false
            , page: {
                curr: page
            }
            , parseData: function (res) { //res 即为原始返回的数据
                return facade.parseTableData(res, true);
            }
            , done: function(){
                layui.laytpTable.done();
            }
            , cols: [[
                {type:'checkbox',fixed:'left'}
                , {field:'id',title:'ID',align:'center',minWidth:120,fixed:'left'}
                , {field:'date',title:'日期',align:'center',minWidth:120,fixed:'left'}
                , {field:'heroName',title:'英雄',align:'center',minWidth:120,fixed:'left'}
                , {field:'heroPosition',title:'位置',align:'center',minWidth:120,fixed:'left'}
                , {field:'heroType',title:'类型',align:'center',minWidth:120,fixed:'left'}
                , {field:'hot',title:'热度',align:'center',minWidth:120,fixed:'left'}
                , {field:'showRate',title:'登场率',align:'center',minWidth:120,fixed:'left'}
                , {field:'winRate',title:'胜率',align:'center',minWidth:120,fixed:'left'}
                , {field:'banRate',title:'Ban率',align:'center',minWidth:120,fixed:'left'}
            ]]
        });

        //监听数据表格顶部左侧按钮点击事件
        layui.table.on("toolbar(laytp-table)", function (obj) {
            //默认按钮点击事件，包括添加按钮和回收站按钮
            var defaultTableToolbar = layui.context.get("defaultTableToolbar");
            console.log(defaultTableToolbar);
            if (defaultTableToolbar.indexOf(obj.event) !== -1) {
                laytp.tableToolbar(obj);
            } else {
                //自定义按钮点击事件
                switch(obj.event){
                //自定义按钮点击事件
                    case "spider":
                        facade.popupConfirm({
                            text: "确认执行更新操作吗？",
                            url: "https://migame-tool.g.mi.com/getData",
                            data: {}
                        }, function(){
                            layui.table.reload('laytp-table', {
                                initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。
                                , where: {
                                    "order_param" : {
                                        "field" : obj.field,
                                        "type" : obj.type
                                    }
                                }
                            });
                        });
                        break;
                }
            }
        });

        //监听数据表格[操作列]按钮点击事件
        layui.table.on("tool(laytp-table)", function (obj) {
            var defaultTableTool = layui.context.get("defaultTableTool");
            if (defaultTableTool.indexOf(obj.event) !== -1) {
                laytp.tableTool(obj);
            } else {
                // //自定义按钮点击事件
                // switch(obj.event){
                // //自定义按钮点击事件
                // case "":
                //
                //     break;
                // }
            }
        });

        //监听表头排序事件
        layui.table.on('sort(laytp-table)', function(obj){
            layui.table.reload('laytp-table', {
                initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。
                , where: {
                    "order_param" : {
                        "field" : obj.field,
                        "type" : obj.type
                    }
                }
            });
        });
    };

    funController.tableRender();

    window.funController = funController;
});